<template>
  <div class="footer">
    <div class="up">
      <div class="left">
        <span>Copyright © 2022
          <a class="ANJ8" target="" href="/">Skypixel.com</a> 天空之城版权所有</span>
      </div>
      <div class="mid">
        <div class="_2y8H">
          <a class="MpfI" target="" href="/terms"><span>使用条款</span></a>
          <a class="MpfI" target="" href="/privacy"><span>隐私政策</span></a>
          <a class="MpfI" target="" href="/guidelines"><span>内容指引</span></a>
          <a class="MpfI" href="mailto:skypixel.contact@dji.com" target="_blank" rel="noopener">
            <span>网站反馈</span></a>
          <a class="MpfI" href="https://cnblog.skypixel.com/?p=440" target="_blank" rel="noopener">
            <span>常见问题</span></a>
        </div>
      </div>
      <div class="right">
        <a href="/" class="MpfI">中文</a>
        <span class="_23te">|</span>
        <a href="/" class="MpfI">English</a>
      </div>
    </div>
    <div class="footunder">
      <div class="under">
        <a class="textlink" href="https://beian.miit.gov.cn" target="_blank"
          rel="noopener">粤ICP备15057791号</a>
        <a class="" href="https://szcert.ebs.org.cn/f31306e3-7444-442b-9a51-e7593b6787ee"
          target="_blank" rel="noopener"><img class="imglink"
            src="//sp-webfront.skypixel.com/skypixel/public/website/assets/govIcon_2f477dce997adf9fe4f24c239e7f97f6.gif"
            title="深圳市市场监督管理局企业主体身份公示" alt="深圳市市场监督管理局企业主体身份公示" /></a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  // name: 'HelloWorld',
  props: {
    msg: String,
  },
};
</script>

<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
.footer {
  height: 100px;
  background-color: black;
  /* display: flex;
  flex-direction: column; */
}
.footer .up {
  height: 3rem;
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.up .left {
  padding-left: 100px;
}
.up .left .ANJ8 {
  margin: 0 0.2rem;
  color: #999;
  cursor: pointer;
}
.up .mid ._2y8H .MpfI {
  font-size: 0.6rem;
  margin: 0.5rem;
  color: #999;
  cursor: pointer;
}
.up .right,
.left,
.mid {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.6rem;
  color: #666;
}

.up .right ._23te {
  color: #999;
  overflow: hidden;
  height: 0.5rem;
}
.up .right .MpfI {
  margin: 0.5rem;
  color: #999;
  cursor: pointer;
}
.under {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.textlink {
  color: #999;
  cursor: pointer;
  font-size: 0.6rem;
}
.under .imglink {
  height: 1.2rem;
  width: 0.876rem;
  margin-left: 0.5rem;
}
</style>
